<div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
	<form id="roadMarkEditForm" lay-filter="roadMarkEditForm" class="layui-form model-form" style="padding:0px;height: 100%;">
		<input name="id" type="hidden" />	
		<input name="sceneId" type="hidden" />	
		<div class="layui-card-header scene-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
			  <button type="button" class="scene-btn" id="sceneRoadMarkDeleteBtn" title="删除"><i class="fa fa-trash-o"></i></button>
			  <button type="button" class="scene-btn" lay-filter="submitRoadMarkEditForm" lay-submit  title="保存"><i class="fa fa-save"></i></button>
		</div>
		<div class="layui-card-body" style="height: 100%;padding: 0px;">
			<div class="layui-tab layui-tab-card" style="padding: 0px;border: none;margin-top: 0px;width: 100%;height: 100%;">
			  <div class="layui-tab-content" style="padding:0px;height: calc(100% - 85px);">
			    <div class="layui-tab-item" >
					<table class="formTable">				
						<tr>
							<td>名称</td>
							<td >
								<input id="sceneRoadMarkName" name="name"  placeholder="请输入名称" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>标识</td>
							<td >
								<input id="sceneRoadMarkCode" name="code"  placeholder="请输入标识" autocomplete="off"   type="text" class="layui-input" />
							</td>
						</tr>	
					</table>
			    </div>
			     <div class="layui-tab-item" >
			     
			     </div>
			    <div class="layui-tab-item layui-show" >
					<table class="formTable">				
						<tr>
							<td>字体类型</td>
							<td >
								<input id="sceneRoadMarkFont" name="font"  placeholder="请输入类型（Sans-serif）" autocomplete="off"   type="text" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>
						<tr>
							<td>字体颜色</td>
							<td >
								<input type="hidden" name="fontColor" id="fontColor-input" >
								<div id="fontColor"></div>
							</td>
						</tr>
						<tr>
							<td>字体大小</td>
							<td >
								<input id="sceneRoadMarkFontSize" name="fontSize"  placeholder="请输入大小（12px）" autocomplete="off"   type="text" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>	
						<tr>
							<td>角度</td>
							<td >
								<input id="sceneRoadMarkAngle" name="angle" min=0 max="360" placeholder="请输入大小" autocomplete="off"   type="number" class="layui-input" maxlength="50" lay-verType="tips" lay-verify="required" required/>
							</td>
						</tr>														
					</table>
			    </div>			    
			    
			    <div class="layui-tab-item" >
				    <div class="layui-card" style="padding: 0px;border: none;margin-top: 0px;height: 100%;background: none;">
						<div class="layui-card-header" style="height: 35px;padding: 0px;padding-left: 5PX;line-height: 39px;">
							<button id="addModelPropertyBtn" type="button" title="添加扩展属性" class="scene-btn"><i class="fa fa-plus"></i></button>
						</div>				    
				        <div class="layui-card-body" style="padding: 0px;margin-top: -16px;">
				            <table class="layui-table" id="tableModelProperty" lay-filter="tableModelProperty"></table>
				        </div>
				    </div>			    
			    </div>
			  </div>
			  <ul class="layui-tab-title layui-tab-title-city"  style="bottom: 5px; line-height: 35px;">
			  	<li  style="line-height: 35px;" >属性</li>
			  	<li  style="line-height: 35px;" >坐标</li>
			  	<li  style="line-height: 35px;" class="layui-this">样式</li>
			  	<li  style="line-height: 35px;" >扩展</li>
			  </ul> 		
			</div>
		</div>
	</form>
</div>


<!-- 表单弹窗 -->
<script type="text/html" id="modelModelPropertyScript">
    <form id="modelModelPropertyForm" lay-filter="modelModelPropertyForm" class="layui-form model-form">
        <input name="id" type="hidden"/>
		<table class="formTable">
			<tr>
				<td>名称</td>
				<td >
					<input   name="label"   placeholder="" autocomplete="off"   type="text" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td>值</td>
				<td >
					<input  name="value"   placeholder="" autocomplete="off"   type="text" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td>序号</td>
				<td >
					<input  name="sort"   placeholder="" autocomplete="off"   type="number" class="layui-input"  lay-verType="tips" lay-verify="required" required/>
				</td>
			</tr>
			<tr>
				<td style="text-align: right;" colspan="2">

           			<button class="scene-btn" lay-filter="modelSubmitModelPropertyForm" lay-submit><i class="fa fa-save"></i></button>
				</td>
			</tr>																										
		</table>
    </form>
</script>


<script type="text/html" id="tableModelPropertyScript">
    <a class="layui-btn layui-btn-primary layui-btn-xs" lay-event="edit">编辑</a>
    <a class="layui-btn layui-btn-danger layui-btn-xs" lay-event="del">删除</a>
</script>

